<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>商家注册页面</title>
	<base href="__STATIC__/login/">
<link rel="stylesheet" media="screen" href="css/css.css" />
</head>
<div style="display:none">
	<p>jQuery是现在最流行的JavaScript工具库。</p>
	<p>据统计，目前全世界57.3%的网站使用它。也就是说，10个网站里面，有6个使用jQuery。如果只考察使用工具库的网站，这个比例就会上升到惊人的91.7%。</p><p>虽然jQuery如此受欢迎，但是它臃肿的<a href="http://mathiasbynens.be/demo/jquery-size" target="_blank" data-mce-href="http://mathiasbynens.be/demo/jquery-size">体积</a>也让人头痛不已。jQuery 2.0的原始大小为235KB，优化后为81KB；如果是支持IE6、7、8的jQuery 1.8.3，原始大小为261KB，优化后为91KB。</p><p>这样的体积，即使是宽带环境，完全加载也需要1秒或更长，更不要说移动设备了。这意味着，如果你使用了jQuery，用户至少延迟1秒，才能看到网 页效果。考虑到本质上，jQuery只是一个操作DOM的工具，我们不仅要问：如果只是为了几个网页特效，是否有必要动用这么大的库？</p>
</div>
<form id="msform" method="post" action="{:url('home/Merlogin/merchant_add')}" enctype="multipart/form-data" class="mer">
	<!-- progressbar -->
	<ul id="progressbar">
		<li class="active">商家开始注册</li>
		<li>商家注册...</li>
		<li>商家注册完成</li>
	</ul>
	<!-- fieldsets -->
	<fieldset>
		<h2 class="fs-title">商家注册账户</h2>
		<h3 class="fs-subtitle">第一步</h3>
		<input type="text" name="merchant_username" placeholder="请输入用户名" required="required" class="username"/>
		<input type="password" name="merchant_password" placeholder="请输入密码" required="required" class="pwd"/>
		<input type="text" name="merchant_name" placeholder="请输入店铺名称" required="required" class="shopname"/>
		<input type="button" name="next" class="next action-button" value="下一步" />
	</fieldset>
	<fieldset>
		<h2 class="fs-title">商家注册账户中</h2>
		<h3 class="fs-subtitle">第二步</h3>
        <p class="fs-title">请上传身份证照片</p>
		<input type="file" name="merchant_logo" placeholder="请上传身份证照片" required="required"/>
		<input type="text" name="merchant_address" placeholder="请输入店铺地址" required="required" class="address"/>
		<input type="button" name="previous" class="previous action-button" value="上一步" />
		<input type="button" name="next" class="next action-button" value="下一步" />
	</fieldset>
	<fieldset>
		<h2 class="fs-title">商家注册完成</h2>
		<h3 class="fs-subtitle">第三步</h3>
		<input type="text" name="merchant_tel" placeholder="请输入手机号" required="required" class="tel"/>
		<input type="text" name="merchant_qq" placeholder="请输入qq号" required="required" class="qq"/>
		<textarea name="merchant_content" placeholder="请输入店铺介绍" required="required" class="content"></textarea>
		<input type="button" name="previous" class="previous action-button" value="上一步" />
		<input type="submit" class="action-button" value="商家注册" />
	</fieldset>
</form>
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.min.js" type="text/javascript"></script>
<script src="js/jQuery.time.js" type="text/javascript"></script>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>

</body>
</html>
<script>
    var a=1;
    $(document).on("blur",".username",function () {
        var merchant_username = $(this).val();
        var RegCellName = /^[\u4e00-\u9fa5]{1,7}$|^[A-Za-z_]{3,14}$/;
        var falg = merchant_username.search(RegCellName);
        if (falg == -1){
            a=2;
            alert("用户名至少1个汉字或3个英文字母");
        }else{
            a=1;
        }
    })
    var b=1;
    $(document).on("blur",".pwd",function () {
        var merchant_password = $(this).val();
        var RegCellPwd = /^[a-zA-Z0-9]\w{5,17}$/;
        var falg = merchant_password.search(RegCellPwd);
        if (falg == -1){
            b=2;
            alert("密码至少为5位数字或英文");
        }else{
            b=1;
        }
    })
    var c=1;
    $(document).on("blur",".shopname",function () {
        var merchant_name = $(this).val();
        var RegCellName = /^[\u4e00-\u9fa5]{2,8}$|^[A-Za-z_]{3,14}$/;
        var falg = merchant_name.search(RegCellName);
        if (falg == -1){
            c=2;
            alert("店铺名至少2个汉字或3个英文字母");
        }else{
            c=1;
        }
    })
    var d=1;
    $(document).on("blur",".address",function () {
        var merchant_address = $(this).val();
        var RegCellName = /^[\u4e00-\u9fa5]{10,30}$|^[A-Za-z_]{10,50}$/;
        var falg = merchant_address.search(RegCellName);
        if (falg == -1){
            d=2;
            alert("店铺地址至少10个汉字或10个英文字母");
        }else{
            d=1;
        }
    })
    var e=1;
    $(document).on("blur",".tel",function () {
        var merchant_tel = $(this).val();
        var RegCellPhone = /^(1)([0-9]{10})$/;
        var falg = merchant_tel.search(RegCellPhone);
        if (falg == -1){
            e=2;
            alert("手机号必须为11为数字");

        }else{
            e=1;
        }
    })
    var f=1;
    $(document).on("blur",".qq",function () {
        var merchant_qq = $(this).val();
        var RegCellPhone = /^[0-9]{6,10}$/;
        var falg = merchant_qq.search(RegCellPhone);
        if (falg == -1){
            f=2;
            alert("qq号至少为6为数字");
            this.focus();
        }else{
            f=1;
        }
    })
    var g=1;
    $(document).on("blur",".content",function () {
        var merchant_content = $(this).val();
        var RegCellName = /^[\u4e00-\u9fa5]{10,30}$|^[A-Za-z_]{10,50}$/;
        var falg = merchant_content.search(RegCellName);
        if (falg == -1){
            g=2;
            alert("店铺介绍至少10个汉字或10个英文字母");
        }else{
            g=1;
        }
    })
    $(document).on("submit",".mer",function () {
        $(".username").trigger("blur");
        $(".pwd").trigger("blur");
        $(".shopname").trigger("blur");
        $(".address").trigger("blur");
        $(".tel").trigger("blur");
        $(".qq").trigger("blur");
        $(".content").trigger("blur");

        if(a==1 && b==1 && c==1 && d==1 && e==1 && f==1 && g==1){
            return true;
        }else{
            return false;
        }
    })
</script>